<template>
  <div class="main">
    <object style="display:block;margin:0 auto" :data="notFound">
      <embed :src="notFound">
    </object>
    <p>未找到你要的页面，返回<span @click="hreftTo">上一页面</span></p>
  </div>
</template>
<script>
import notFound from '@/assets/img/404.svg'
export default {
    data() {
        return {
            notFound
        }
    },
    methods: {
        hreftTo() {
            this.$router.go(-1)
        }
    }
}
</script>
<style lang="scss" scoped>
.main{
    text-align: center;
    position: absolute;
    top: 50%;
    left:50%;
    transform: translate(-50%,-50%)
}
span{
    color: $d-color;
    font-size: 20px;
    cursor: pointer;
}
</style>
